<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
<!--    <link rel="stylesheet" href="/js/jQueryPage/src/jquery.page.css">-->
    <!--    <link rel="stylesheet" th:href="@{/css/base.css}" type="text/css" >-->
    <link rel="stylesheet" href="/css/base.css" type="text/css" >
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
    <link rel="stylesheet" href="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.min.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
    <script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
    <link rel="stylesheet" href="/css/base.css" type="text/css" >
    <script src="/js/jquery/jQuery-2.2.0.min.js" type="text/javascript"></script>
<!--    <script src="/js/jQueryPage/src/jquery.page.js" type="text/javascript"></script>-->
</head>
<body>

<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li ><i class="nav_1"></i><a th:href="@{/loc}">实时数据</a> </li>
            <li class="nav_active"><i class="nav_3"></i><a th:href="@{/}">用户信息</a> </li>
            <li ><i class="nav_2"></i><a th:href="@{/act}">帮助数据</a> </li>
        </ul>
    </div>
    <div class="header_center left">
        <h2><strong>助盲综合服务平台</strong></h2>
        <p class="color_font"><small>Comprehensive Service Platform for the Visually Impaired</small></p>
    </div>
    <div class="right nav text_right">
        <ul>
            <li><i class="nav_7"></i><a th:href="@{/logout}">退出登录</a> </li>
        </ul>
    </div>
</header>
<!--内容部分-->
<div class="map_con left" id="car_control">
    <!--左侧地图-->
    <div class="left map_left"  >
        <div  class="map_box" id="map_box"></div>

    </div>

    <!--右侧功能栏-->
    <div class="right map_right">
        <div class="map_right_top">
            <ul>
                <li class="li_active"><a th:href="@{/}">统计信息</a></li>
                <li>用户搜索</li>
            </ul>
        </div>
        <div class="map_con">


                <div class="div_any_child02">
                    <div class="table_p">

                        <table>
                            <thead>
                            <tr>
                                <th class="custom-btn">视障人士Id</th>
                                <th class="custom-btn">用户名</th>
                                <th class="custom-btn">电话</th>
                                <th class="custom-btn">亲属Id</th>
                                <th class="custom-btn"> </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="user : ${users}" style="height: 60px;">
                                <td th:text="${user.id}"></td>
                                <td th:text="${user.name}"></td>
                                <td th:text="${user.username}"></td>
                                <td th:text="${user.guardianId}"></td>
                                <td th:href="@{/dashboard/addUser}">
                                    <input type="hidden" name="bid" th:value="${user.id}" />
                                    <button type="button" class="btn btn-outline-warning custom-btn1">求助信息</button>
                                </td>
                            </tr>

                            <tr>
                                <td colspan="8">
                                    <div class="pagelist">
                                        <p>当前<span th:text="${presentPage}"></span>页,总<span th:text="${totalPages}"></span>页共<span th:text="${totalElements}"></span>条记录

                                        </p>
                                        <a class="nav_active" th:href="@{/blind(page = (${(presentPage == 1) ? presentPage : (presentPage - 1)}),name=${name1})}" >上一页</a>
                                        <a class="nav_active" th:href="@{/blind(page = (${(presentPage != totalPages) ? (presentPage + 1) : presentPage}),name=${name1})}">下一页</a>
                                        <a class="nav_active" th:href="@{/blind(page = ${totalPages},name=${name})}">尾页</a>
                                    </div>

                                </td>
                            </tr>
                            </tbody>

                        </table>


                    </div>
                </div>
            </div>
        <a href="dashboard/search2?name=1" class="test2  ">返回</a>

        </div>
    </div>

<script src="/js/jquery/jQuery-2.2.0.min.js" type="text/javascript"></script>
<script src="/js/base.js" type="text/javascript"></script>
<script src="/js/echarts-all.js" type="text/javascript"></script>
<script src="/js/jQueryPage/src/jquery.page.js" type="text/javascript"></script>
<script src="/js/map_control2.js" type="text/javascript"></script>
<script src="/js/ztree/jquery.ztree.all-3.5.js" type="text/javascript"></script>
<script src="/js/listTree.js" type="text/javascript"></script>

</body>
</html>
